<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<title>Android App Onboarding</title>
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css">
	<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Roboto:300,400,600'>
	<link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css'>
	<link rel="stylesheet" href="./style.css">

</head>

<body>
	<!-- partial:index.partial.html -->
	<div class='phone'>
		<div class='onboard'>
			<div class='progress'>
				<div></div>
			</div>
			<ul class='slides'>
				<li class='slide slide1'>
					<i class='fa fa-hand-rock-o'></i>
					<h1>Rock</h2>
						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam elementum fringilla tortor.
						</p>
				</li>
				<li class='slide slide2'>
					<i class='fa fa-hand-paper-o'></i>
					<h1>Paper</h2>
						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam elementum fringilla tortor.r
						</p>
				</li>
				<li class='slide slide3'>
					<i class='fa fa-hand-scissors-o'></i>
					<h1>Scissors</h2>
						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam elementum fringilla tortor.
						</p>
				</li>
				<li class='slide slide4'>
					<i class='fa fa-hand-rock-o'></i>
					<i class='fa fa-hand-paper-o'></i>
					<i class='fa fa-hand-scissors-o'></i>
					<form>
						<input type='text' placeholder='E-mail'>
						<button>Play!</button>
					</form>
				</li>
			</ul>
		</div>
	</div>
	<!-- partial -->
	<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
	<script src="./script.js"></script>

</body>

</html>